$header-height: 40px;

.room-list-page {
	// position: relative;
	// display: flex;
	// flex-direction: column;
	// width: 100vw;
	// height: 100vh;
	// overflow: hidden;
}

.room-list-header {
	display: flex;
	flex-direction: column-reverse;
	flex-shrink: 0;
	padding-top: 0;
	padding-top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */
	padding-top: env(safe-area-inset-top); /* 兼容 iOS >= 11.2 */
	box-sizing: content-box;
	height: $header-height;
	width: 100%;
}

.room-list-header-content {
	position: relative;
	font-size: 16px;
	line-height: $header-height;
	text-align: center;
}

.room-list-header-back {
	position: absolute;
	left: 16px;
	font-size: 24px;
	line-height: $header-height;
}

.scroll-list {
	box-sizing: border-box;
	flex: auto;
	position: relative;
	width: 100%;
	height: calc(100% - #{$header-height});
}

.room-list-content {
	position: relative;
	padding: 12px 10px;
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
	font-size: 0;
}

.room-list-last {
	position: absolute;
	top: 100px;
	right: 0;
	padding: 0 0.2rem;
	font-size: 0.28rem;
	line-height: 0.52rem;
	color: $uni-color-primary;
	background-color: #fff;
	z-index: 100;
	border-top-left-radius: 0.26rem;
	border-bottom-left-radius: 0.26rem;
	box-shadow: 0 2px 6px 0 rgba(116,122,140,0.20);
	
	.auiicon-LeftOutline {
		margin-left: 0.08rem;
		transform: rotate(180deg);
		font-size: 0.32rem;
		line-height: 0.52rem;
	}
}

.room-list-empty {
  position: absolute;
  // top: 33.3vh;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  padding-top: 132px;
  font-size: 0.32rem;
  color: #b2b7c4;
  text-align: center;
  background-image: url('https://img.alicdn.com/imgextra/i3/O1CN01ed5rr11k5VMw50ml4_!!6000000004632-2-tps-180-116.png');
  background-repeat: no-repeat;
  background-position-x: center;
}
